<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/l-newProduction.css" />
	</head>

	<body>
		<div class="p-all">
			<header id="header" class="mui-bar mui-bar-transparent">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title news">新作推荐</h1>
			</header>
			<div class="p-body" style="margin-top: 10%;">
				<div class="newWorksRecommend">
					<!--<div class="cons">-->
					<!--
                    	作者：1059580412@qq.com
                    	时间：2018-05-24
                    	描述：文字模块
                    -->
					<!--<div class="p-text">
						<div class="p-classify"><span id="t-classify">这是分类</span></div>
						<div class="p-title"><span id="t-title">这是标题</span></div>
						<div class="p-introduce"><span id="t-introduce">这是文字介绍凄凄切切群群群群群群群群</span></div>
					</div>-->
					<!--
                    	作者：1059580412@qq.com
                    	时间：2018-05-24
                    	描述：封面图片
                    -->
					<!--<div class="p-picture" >

					
					</div>-->
					<!--</div>-->
					 
				</div>
			
		
			
			</div>
		</div>
		
		
		<script src="js/url.js"></script>
		<script src="js/jquery.min.js"></script>
		<script>
			/*
			 如果你要用jQuery必须将下面这行代码放在第一行，然后将$符号换成jQuery
			 * */
			$.noConflict();
			jQuery.ajax({
				type:'post',
				 url: serverip.ip + '/allComics',
                  dataType: 'json',
                   
			success:function(data){
				var div = document.getElementsByClassName('newWorksRecommend')[0];
				div.innerHTML=null;
				
				for(var i=0;i<data.length;i++){
					var content = document.createElement('div');
					content.classList.add("cons");
					content.innerHTML='<div class="shape"  style="height:100px;overflow:hidden;"><div class="p-text"><div class="p-classify">'
					+'<span id="t-classify">'+data[i].category+'</span></div>'
					+'<div class="p-title"><span id="t-title">'+data[i].comicsname+'</span></div>'
					+'<div class="p-introduce"><span id="t-introduce" >'+data[i].introduce+'</span>'
					+'</div></div><div class="p-picture" style="background-image:url('+serverip.ip2+data[i].id+'/'+data[i].icon+');background-size:100% 100%"></div></div><div class="comicsid" style="display:none;">' + data[i].id + '</div>';
					
										div.appendChild(content);
					
					}
				jQuery(".news").bind("tap",function(){
					var id=jQuery(this).find('comicsid:first').text();
					mui.openWindow({
						url:'commandComics.html',
						extras:{
							comicsid:id
						}
					})
				});
			}
     			});
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
		
			
			
			
			
			
			
			
			
			
		</script>
		

		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init({
				pullRefresh: {
					container: '#pullrefresh',

				}

			});
			(function($) {
				$('.mui-scroll-wrapper').scroll({
					indicators: false //是否显示滚动条
				});
			})(mui);
		</script>
		
	</body>

</html>